<template>
	<view class="main">
		<tou_hand1 handtitle='详情'></tou_hand1>
		<view class="show">
			<view class="title">{{list.title}}</view>
			<view class="time">{{list.createTime}}</view>
			<view class="nei">
				<view class="ahtml" v-html="list.msg"></view>
			</view>
		</view>
	</view>
</template>

<script>
	import tou_hand1 from '../../components/tou_hand2/tou_hand2.vue'
	export default {
		components: {
			tou_hand1,
		},
		mounted() {
			document.querySelector('body').setAttribute('style', 'background-color:#fff')
		},

		data() {
			return {
				helpId: '', //帮助表id
				list:{}
			}
		},
		onLoad(options) {
			this.helpId = options.id

		},
		onShow() {
			document.querySelector('body').setAttribute('style', 'background-color:#fff')
			this.show()
		},
		methods: {
			show() {
				this.$base.request('help' + '/' + this.helpId, 'GET')
					.then(res => {
						if(res.data.code==200){
							this.list=res.data.data
						}else{
							this.$toast.fail(res.data.msg)
						}
					})
					.catch(err => {

					})
			}

		}
	}
</script>

<style lang="scss" scoped>
	.main {
		width: 100%;

		// background-color: #F5F5F5;
		/deep/.van-cell {
			padding: 0upx;
		}

		/deep/.van-cell:not(:last-child)::after {
			border: 0upx solid #FFFFFF !important;
		}

		.show {
			width: 100%;
			box-sizing: border-box;
			padding: 0 30upx;
			.title{
				font-size: 36upx;
				font-family: PingFang SC Bold, PingFang SC Bold-Bold;
				font-weight: 700;
				text-align: left;
				color: #333333;
				margin-top: 50upx;
				text-align: center;
			}
			.time{
				font-size: 24upx;
				font-family: PingFang SC Medium, PingFang SC Medium-Medium;
				font-weight: 500;
				text-align: left;
				color: #333333;
				border-bottom: 1upx solid #d5d5d5;
				padding: 23upx 0;
				text-align: right;
			}
			.nei{
				font-size: 28upx;
				font-family: PingFang SC Medium, PingFang SC Medium-Medium;
				font-weight: 500;
				text-align: left;
				color: #666666;
				padding: 30upx 0;
				.ahtml{
					height: 100%;
					// overflow-y:auto;
					// overflow-x:hidden;
					width: 100%;
				}
			}

		}

	}
</style>
